<!-- 首页-新品 -->
<template>
  <div style="margin-top:10px">
    <van-list>
      <div v-for="item in data" :key="item.Id">
        <van-card
          :tag="item.Tag"
          :title="item.Title"
          :thumb="item.Image"
          @click="onitemclick(item)"
        >
          <template #desc>
            <div>
              {{ item.Desc }}
            </div>
          </template>
        </van-card>
        <van-divider />
      </div>
    </van-list>
  </div>
</template>

<script>
import { getAddRouterExpand } from "@/router/routerUtil";
import { mapState, mapMutations, mapGetters, mapActions } from "vuex";

export default {
  name: "HomeTool",
  components: {},
  props: {},
  data() {
    return {
      data: [
        {
          Id: "Quartz_Manage",
          Tag: "Quartz",
          Image: require("@/images/common/Quartz_Logo_large.jpg"),
          Title: "任务管理",
          Link: "/Quartz_Manage/Quartz_Task/List",
          Desc:
            "任务进度管理器就是一个在预先确定（被纳入日程）的时间到达时，负责执行（或者通知）其他软件组件的系统。它提供了简单的操作，例如：将任务纳入日程或者从日程中取消，开始/停止/暂停日程进度。"
        },
        {
          Id: "D_UserMessage",
          Tag: "Message",
          Image: require("@/images/common/message.jpg"),
          Title: "站内消息",
          Link: "/D_Manage/D_UserMessage/List",
          Desc:
            "1、即时发送的消息、群发消息, 支持表情发送，图片发送，附件发送。2、历史聊天记录查看（服务器保存）"
        },
        {
          Id: "D_UserMail",
          Tag: "Mail",
          Image: require("@/images/common/mail.jpg"),
          Title: "站内信",
          Link: "/D_Manage/D_UserMail/Index",
          Desc:
            "1、点到点的消息传送。用户给用户发送站内信，管理员给用户发送站内信。2、点到面的消息传送。管理员给用户（指定满足某一条件的用户群）群发消息。"
        },
        {
          Id: "OA_UserForm",
          Tag: "OA",
          Image: require("@/images/common/oa.jpg"),
          Title: "任务流程",
          Link: "/OA_Manage/OA_UserForm/List",
          Desc:
            "1、节省工作成本，利于文件传阅管理。2、方便检索查阅，促进信息共享。3、增强监控能力，提高行政管理水平。4、提高工作效率，打造优秀团队意识。5、实现自动办公，构建科学管理模式。"
        }
      ]
    };
  },
  computed: {
    ...mapState({
      // 动态主路由
      menuList: state => getAddRouterExpand()
    })
  },
  watch: {},
  created() {},
  methods: {
    onitemclick(data) {
      this.$router.push(data.Link);
    }
  }
};
</script>

<style scoped lang="less"></style>
